<div *ngIf="hero">
  <h2>{{ hero.name | uppercase }} Details</h2>
  <div><span>id: </span>{{ hero.id }}</div>
  <div>
    <label>
      name:
      <input [(ngModel)]="hero.name" placeholder="name" />
    </label>
  </div>
</div>

<button
  [class.test]="true"
  [attr.title]="'go back'"
  [ngClass]="['test1', 'test2']"
  hero="currentHero"
  [ngStyle]="{ 'font-size': '16px' }"
  (click)="goBack($event)"
>
  go back
</button>

<p>
  <span>"{{ evilTitle }}" is the <i>interpolated</i> evil title.</span>
</p>
<p>
  "<span [innerHTML]="evilTitle"></span>" is the <i>property bound</i> evil
  title.
</p>
